<%--
  Created by IntelliJ IDEA.
  User: MSI-PC
  Date: 2021/12/22
  Time: 23:20
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

  <!-- 引入谷歌库 -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,700">

  <!-- 引入font awesome图标库 -->
  <script src="https://kit.fontawesome.com/2449e59251.js" crossorigin="anonymous"></script>

  <!-- 引入Bootstrap3.3.0 -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

  <!-- 引入layui css -->
  <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />

  <!-- 引入本地css文件 -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/student.css">

  <!-- 引入jquery -->
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

  <!-- 引入bootstrap.js -->
  <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <!-- 引入 layui.js -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>

  <meta charset="utf-8">
  <title>学生首页</title>
</head>
<body>
<div class="container">
<div class="toolbar">
  <ul class="layui-nav" lay-filter="">
    <img src="${pageContext.request.contextPath}/static/img/logo_green.png" class="logo" />
    <li id="index" class="layui-nav-item"><a href="${pageContext.request.contextPath}/studentIndex">首页</a></li>
    <li id="grade" class="layui-nav-item"><a href="${pageContext.request.contextPath}/student/grade">成绩查询</a></li>
    <li id="classes" class="layui-nav-item"><a href="${pageContext.request.contextPath}/student/selectCourse">选课</a></li>
    <li id="mine_class" class="layui-nav-item layui-this"><a href="${pageContext.request.contextPath}/student/mineCourse">已选课程</a></li>
    <li id="homework" class="layui-nav-item"><a href="${pageContext.request.contextPath}/student/allHomework">作业</a></li>

    <li class="toolbar_right"><a href="${pageContext.request.contextPath}/loginCheck/logOut">退出登录</a></li>
    <li class="toolbar_right">欢迎你！<span>${userId}</span> |</li>


  </ul>
</div>
<div class="item_content">
<div class="col-md-12 tab_container_mine_class">
  <div class="tab_left_top_text" style="display: inline-block;">
    <p>已选课程</p>
  </div>
</div>

<div class="col-md-12 grade_table">
  <table class="layui-table" lay-even lay-skin="line">
    <thead>
    <tr>
      <th>课程号</th>
      <th>课程名</th>
      <th>任课老师</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
      <c:forEach var="course" items="${list}">
        <tr class="popup_choose">
          <td class="courseId">${course.courseId}</td>
          <td>${course.courseName}</td>
          <td>${course.teacher.teacherName}</td>
          <td class="popup_delete"><button class="layui-btn layui-btn-primary">退出课程</button></td>
        </tr>
      </c:forEach>
    </tbody>
  </table>
</div>
</div>
</div>



<script>
  history.go(1);
  layui.use('layer', function(){
    var layer = layui.layer;
    $(".popup_delete").click(function () {
      let i = $(".popup_delete").index(this);//获取当前点击坐标
      let courseId = $(".courseId").eq(i).text();//得到课程号数据
      layer.confirm('确认退出该门课程吗？',
              {
                icon: 3,
                shade: 0,
                title:'提示',
                btn: ['取消', '确认']
              }, function(index){
                //点击取消按钮之后的操作

                layer.close(index); //关闭弹窗
              }, function(index){
                // 点击确认按钮之后的操作
                location.href="${pageContext.request.contextPath}/student/exitCourse?courseId="+courseId+"";
                // alert("点击了确定");
                layer.close(index);
              });
    });
  });
</script>

</body>
</html>
